<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery入口函数</title>
</head>
<body>
    <div>
        <p>写法一：</p>
        <p>$(function(){<br>&nbsp;&nbsp;&nbsp;&nbsp;... //此处是页面DOM加载完成的入口<br>});</p>
        <p>写法二：</p>
        <p>$(document).ready(function(){<br>&nbsp;&nbsp;&nbsp;&nbsp;...此处是页面DOM加载完成的入口<br>});</p>
        <p>1、等着DOM结构渲染完毕即可执行内部代码，不必等到外部资源加载完成，jQuery 帮我们完成了封装。</p>
        <p>2、相当于原生 js中的 DOMContentLoaded。</p>
        <p>3、不同于原生 js中的 load事件是等页面文档，外部的 js文件、图片加载完毕才执行内部代码。</p>
    </div>
</body>
</html>